<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        .one {
            font-size: 40px;
            font-family: '宋体';
            font-weight: 400;
            font-style: normal;
            color: #ff0000;
            text-align: left;
            text-decoration: none;
            
            /* em是相对的单位，它是以文字尺寸为基础来进行设置 */
            text-indent: 2em;
            line-height: 80px;
            
            background-color: aqua;
            
            background-image: url(./image/女.jpg);
            /* 平铺 */
            height: 800px;

            /* 禁止平铺 */
            background-repeat: no-repeat;
            
            background-position: center;

            background-size: 500px;

        }
        
        
        /* 使用标签选择器把超链接的下划线去掉 */
        a {
            text-decoration: none;
        }

    </style>
</head>
<body>
    
    <div class="one">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem dolores labore voluptatibus ipsum deleniti, commodi quis tempora blanditiis ducimus numquam laudantium nihil vitae dicta quae provident esse expedita quod temporibus!'
        Lorem ipsum dolor, sit amet consectetur adipisicing elit. Porro eos laudantium nemo ratione consequuntur praesentium quod, accusamus enim voluptate error nobis ut saepe voluptates voluptatem quos earum tempora quidem repellendus.
    </div>
    <a href="*">这是一个链接</a>
</body>
</html>